@font-face {
    font-family: 'Alibaba-PuHuiTi-Medium';
    src: url('../font/AlibabaSans-Medium.otf'),
    url('../font/Alibaba-PuHuiTi-Medium.ttf') format('truetype');
}

@font-face {
    font-family: 'Alibaba-PuHuiTi-Regular';
    src: url('../font/AlibabaSans-Regular.otf'),
    url('../font/Alibaba-PuHuiTi-Regular.ttf') format('truetype');
}
.font_R {
    font-family: "Alibaba-PuHuiTi-Regular";
}
.font_M {
    font-family: "Alibaba-PuHuiTi-Medium";
    font-weight: 600;
}

body, button, input, select, textarea { font-family: "Alibaba-PuHuiTi-Regular", "Alibaba-PuHuiTi-Medium", "syr", "微软雅黑",tahoma, arial}
a { text-decoration:none !important;color:#333; }
a:hover,a:active,a:visited,a:link,a:focus { text-decoration:none !important; }
button, input, select, textarea { font-size:100%; outline:none !important;}

* {
    font-family: 'Alibaba-PuHuiTi-Regular', 'Alibaba-PuHuiTi-Medium';
    padding: 0;
    margin: 0;
}

body {
    color: #333;
}

div {
    box-sizing: border-box;
}

ul, li {
    list-style: none;
}

a {
    text-decoration: none;
    color: #000;
}

a:hover {
    text-decoration: none;
}

img {
    width: auto;
    vertical-align: middle;
}

textarea {
    outline: none;
    resize: none;
    -webkit-appearance: none;
}

input {
    outline: none;
    background-color: white;
    border: none;
    -webkit-appearance: none;
}

.bold {
    font-weight: 700 !important;
    font-family: 'Alibaba-PuHuiTi-Medium' !important;
}

.normal {
    font-family: 'Alibaba-PuHuiTi-Regular' !important;
}

.width {
    width: 100%;
}

.height {
    height: 100%;
}

.margin_auto {
    margin: auto;
}

.border_box {
    box-sizing: border-box;
}

.center {
    text-align: center;
}

.overflow {
    overflow: hidden;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.middle {
    vertical-align: middle;
}

.text_right {
    text-align: right;
}

.text_left {
    text-align: left;
}

.bg_white {
    background-color: white;
}

.pos_rel {
    position: relative;
}

.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.flex1 {
    width: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;
}

.align_center {
    align-items: center;
}

.txt_overflow {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.txts_overflow {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.small_border {
    background-image: linear-gradient(0deg, #d9d9d9, #d9d9d9 50%, transparent 50%);
    background-position: bottom;
    background-origin: border-box;
    background-size: 100% 1px;
    background-repeat: no-repeat;
}

.small_border_top {
    background-image: linear-gradient(180deg, #d9d9d9, #d9d9d9 50%, transparent 50%);
    background-position: top;
    background-origin: border-box;
    background-size: 100% 1px;
    background-repeat: no-repeat;
}

.small_line {
    background-image: linear-gradient(0deg, #d9d9d9, #d9d9d9 50%, transparent 50%);
    background-repeat: no-repeat;
    background-origin: content-box;
    background-size: 100% 1px;
    background-position: bottom left;
}

.small_line_top {
    background-image: linear-gradient(180deg, #d9d9d9, #d9d9d9 50%, transparent 50%);
    background-repeat: no-repeat;
    background-origin: content-box;
    background-size: 100% 1px;
    background-position: top left;
}

.pos_center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}


.font_28 {
    font-size: 0.28rem;
}
.font_30 {
    font-size: 0.30rem;
}
.font_32 {
    font-size: 0.32rem;
}
.font_34 {
    font-size: 0.34rem;
}
.font_36 {
    font-size: 0.36rem;
}
.font_38 {
    font-size: 0.38rem;
}
.font_40 {
    font-size: 0.40rem;
}

.col_blue {
    color: #0A68CA;
}
.col_666 {
    color: #666666;
}
.col_444 {
    color: #444444;
}
.col_999 {
    color: #999999;
}
.col_333 {
    color: #333333;
}
.col_fff {
    color: #ffffff;
}
.col_888 {
    color: #888888;
}
.col_777 {
    color: #777777;
}

/*弹出框提示样式*/
.el-message{
    padding:0.30rem 0.40rem !important;
}
.el-message__content{
    font-size:0.40rem !important;
}
.el-message-box{
    padding:0.20rem !important;
    width:6rem !important;
}
.el-message-box .el-message-box__title{
    font-size:0.40rem !important;
}
.el-message-box .el-message-box__content{
    font-size:0.40rem !important;
    padding:0.50rem 0.20rem;
}
.el-message-box .el-message-box__btns .el-button span{
    font-size:0.34rem !important;
}

.el-dialog__wrapper {
    background-color: rgba(0, 0, 0, 0.52);
}
.el-dialog__header, .el-dialog__body {
    padding: 0!important;
}
